﻿@model DietPlanning.Models.Dish

@{
    ViewBag.Title = "ViewDish";
    Layout = "~/Views/Shared/_LayoutUser.cshtml";
}

@{


    var dish = Model;
    <h4>Thông tin món ăn: @Html.DisplayFor(modelItem => dish.DishName) </h4>
    

<h5>
    Thành phần nguyên liệu</h5>
    <table class="table table-bordered table-hover table-striped">
        <tr>
            <th>
                Tên nguyên liệu
            </th>
            <th>
                Hình ảnh
            </th>
            @*        <th>
            Calorie
        </th>
        <th>
            Carb
        </th>
        <th>
            Protein
        </th>
        <th>
            Fat
        </th>*@
            <th>
                Số lượng cần
            </th>
        </tr>
        @foreach (var item in Model.DishDetails)
        {
       
            <tr class="info">            
                <td>
                    @Html.DisplayFor(modelItem => item.Food.FoodName)
                </td>
                <td>
                    <img class="img-circle" height="100px" width="140px" src="/Images/Food/@item.Food.ImageURL/"  alt="">
                </td>
                @*            <td>
                @Html.DisplayFor(modelItem => item.Food.Calorie)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Food.Carb)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Food.Protein)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Food.Fat)
            </td>*@
                <td>
                    @Html.DisplayFor(modelItem => item.Food.Amount) kg
                </td>
            </tr>
        }
    </table>
    <p>Tổng lượng Calo:@Html.DisplayFor(modelItem => dish.Calories) </p>
    <br/>
    <p>Các bước thực hiện:@Html.DisplayFor(modelItem => dish.Cooking) </p>

}